body {
    background-color: #f6f8f9;
    font-size: 14px;
    color: #3d3d3d;
}

a {
    text-decoration: none;
    color: #3d3d3d;
}
a:hover {
    color: #3498db;
    text-decoration: none;
}
.wraper {
    position: relative;
    height: 1434px;
    width: 100%;
    // background-color: yellow;
    .head {
        width: 1920px;
        height: 70px;
        background-color: #ffffff;
        .head-c {
            position: relative;
            height: 70px; // background-color: pink;
            position: relative;
            img {
                margin-top: 12px;
            }
            .nav {
                // background-color: #EEEEEE;
                height: 40px;
                width: 450px;
                margin: 0 auto;
                position: absolute;
                top: 0;
                left: 256px;
                height: 70px;
                z-index: 1;
            }
        
            /*横向一级菜单样式设置*/
            ul {
                list-style: none;
            }
        
            ul li {
                float: left;
                line-height: 40px;
                text-align: center;
                position: relative;
                top: 15px;
            }
        
            a {
                text-decoration: none;
                color: #000000;
                display: block;
                /*将a行内元素转变成块级元素*/
                width: 90px;
                height: 40px;
            }
        
            a:hover {
                // background-color: #666666;
                color: #3498db;
            }
        
            /*二级下拉菜单样式设置*/
            ul li ul li {
                float: none;
                background-color: #EEEEEE;
            }
        
            ul li ul {
                position: absolute;
                top: 40px;
                left: 0px;
                display: none;
                /*默认状态下或鼠标离开时隐藏*/
                width: 90px;
            }
        
            /*为了兼容IE7写的CSS样式，但是必须写在a:hover前面*/
            ul li ul li a:link,
            ul li ul li a:visited {
                background-color: white;
            }
        
            ul li ul li a:hover {
                background-color: #ccc;
            }
        
            /*鼠标滑过一级菜单的元素时显示下拉菜单*/
            ul li:hover ul {
                display: block;
            }


 // search
            .search {
                width: 235px;
                height: 21px; // background-color: aqua;
                position: absolute;
                top: 25px;
                right: 33px;
                input {
                    outline: none;
                    height: 21px;
                    border-radius: 6px;
                    border-color: #3498db;
                    padding: none;
                    border: none;
                    border: 1px solid #3498db;
                }
                .search-font {
                    display: inline-block;
                    width: 35px;
                    height: 21px;
                    font-family: Segoe UI;
                    font-size: 12px;
                    background-color: #3498db;
                    line-height: 21px;
                    text-align: center;
                    color: white;
                    border-radius: 6px;
                    cursor: pointer;
                    position: absolute;
                    top: 0;
                    right: 58px;
                }
               .userImg {
                   position: relative;
                   top: -30px;
                   right: -200px;
                   img{
                      
                   }
                   span{
                    font-family: Segoe UI;
                    font-size: 16px;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 21px;
                    letter-spacing: 0px;
                    color: #3498db;
                    position: relative;
                    top: -3px;
                    cursor: pointer;
                   }
               }
            }
        }
    } 
}

.content-c {
    position: relative;
    margin-top: -1350px;
    // z-index: -999;
    .banner-c {
        height: 169px;
        background-color: aqua;
    }
    .arrow-l {
        position: absolute;
        left: -25px;
        top: 60px;
    }
    .arrow-r {
        position: absolute;
        right: -25px;
        bottom: -25px;
    }
}

// 底部开始
.footer {
    width: 1920px;
    height: 212px;
    position: absolute;
    bottom: -760px;
    left: 0;
    background-color: #eef4f8;
    .footer-c {
        position: absolute;
        top: 45px;
        left: 360px;
        height: 122px;
        // background-color: black;
       .first {
           margin: 0 auto;
        width: 577px;
        height: 21px;
        font-family: Segoe UI;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 21px;
        letter-spacing: 0px;
        color: #333333;
        // background-color: pink;
        margin-bottom: 19px;
        text-align: center;
        ul{
            li{
                display: inline-block;
            }
        }
       }
       .sec {
        margin: 0 auto;
        width: 1201px;
        height: 62px;
        font-family: Segoe UI;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #333333;
        margin-left: 20px;
        ul{
            li{
                display: inline-block;
            }
        }
       }
    }
}
// 视频资源分类专题部分
.content-c-2 {
    margin-top: 10px;
    height: 280px;
    width: 100%;
    // background-color: pink;
    .title {
        position: relative;
        .left {
            width: 286px;
            height: 280px;
            // background-color: red;
            .left-t {
                position: relative;
                display: inline-block;
                width: 100%;
                height: 40px;
                background-color: #eef4f8;
                .left-t-l {
                    width: 10px;
                    height: 100%;
                    background-color: #3498db;
                    display: inline-block;
                }
                .left-t-r {
                    display: inline-block;
                    width: 270px;
                    height: 40px;
                    background-color: #eef4f8; // border: solid 1px #e4eaf5;
                    position: absolute;
                    font-size: 16px;
                    line-height: 40px;
                    padding-left: 15px;
                }
            }
            .title-c {
                div {
                    margin-top: 10px;
                    a {
                        cursor: pointer;
                        span {
                            width: 87px;
                            height: 34px;
                            background-color: white;
                            border: 1px solid #ccc;
                            display: inline-block;
                            text-align: center;
                            line-height: 34px;
                            cursor: pointer;
                        }
                        span:nth-child(2),
                        span:nth-child(3) {
                            padding-left: 15px;
                        }
                    }
                    a:hover {
                        color: #3498db;
                    }
                }
            }
        }
        .right {
            display: inline-block;
            // background-color: aqua;
            width: 885px;
            height: 218px;
            position: absolute;
            top: 0;
            left: 315px;
            .box {
                margin-left: 10px;
                // float: left;
                display: inline-block;
                width: 160px;
                height: 100%;
                background-color: #ffffff;
                border: 1px solid #ccc;
                a{
                    margin-top: 12px;
                    margin-left: 9px;
                    display: inline-block;
                    .box-c {
                    //    margin-top: 12px;
                    //    margin-left: 12px;
                        img {
                            
                            display: block;
                            margin: 0 auto;
                            width: 141px;
                            height: 141px;
                            background-color: yellow;
                        }
                    }
                    p {
                        width: 141px;
                        height: 36px;
                        background-color: #eef4f8;
                        margin: 0 auto;
                        text-align: center;
                        line-height: 36px;
                        font-size: 14px;
                        color: #333333;
                    }
                }
                a:hover,p:hover{
                    color: #3498db;
                }
               
            }
        }
    }
    // li:hover .line {
    //     background-color: pink;
    //     opacity: 1;
    // }
}
// 辅助类名
.line {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    bottom: 2px;
}
.sec-md {
    margin-left: 50px;
}

.line2 {
    width: 100%;
    height: 1px;
    background-color: #cccc;
    margin-bottom: 6px;
}

.first:hover,.sec:hover {
    color: #333333;
}
.mt {
    margin-top: 10px;
}